import './Productioninfo.css'
import React from 'react'
import { Typography, Carousel, Image, Rate } from 'antd'


class Productioninfo extends React.Component {
    constructor(props) {
        super(props)
        this.state = {

        }
    }

    a = () => {

    }

    render() {
        return (
            <div className='intro-container'>
                <Typography.Title level={4}>{this.props.title}</Typography.Title>
                <Typography.Text  >{this.props.title}</Typography.Text>
                <div className='intro-detail-content'>
                    <Typography.Text style={{ marginLeft: 20 }}>
                        ￥<span className='intro-detail-strong-text'>{this.props.price}</span> {"  "}
                    </Typography.Text>
                    <Typography.Text style={{ marginLeft: 50 }}>
                        ￥<span className='intro-detail-strong-text'>{this.props.rating}</span> {"  "}
                        评分  <Rate allowHalf value={this.props.rating}></Rate>
                    </Typography.Text>
                </div>
                <Carousel autoplay slidesToShow={3}>
                        {
                            this.props.pictures.map((p)=>(
                                <Image key={p} height={150} src={p}></Image>
                            ))
                        }
                </Carousel>
            </div>
        )
    }

}


export default Productioninfo